<template>
  <span>
    <el-button @click="show = true" link type="info">
      <el-icon><QuestionFilled /></el-icon>
      <span>查看说明</span>
    </el-button>
    <el-dialog v-model="show" title="说明" width="600px">
      <div v-if="show" class="readme">
        <h2>豁免条件</h2>
        <ul>
          <li>天府起飞出北线 ≤ 4</li>
          <li>府起飞出北线 ≤ 7 <b>且</b> 无南充落地</li>
          <li>天府落地 ≤ 3</li>
          <li>
            天府落地 ≤ 5 <b>且</b> 无南充落地 <b>且</b> 绵阳起飞 ≤ 2
          </li>
        </ul>
        <p>
          <el-icon><Opportunity /></el-icon>
          <b> 满足其一则不开扇，不再进行后续计算</b>
        </p>
        <el-divider />
        <h2>负荷计算</h2>
        <ul>
          <li>天府北线离场 ×1</li>
          <ul>
            <li>若有南充进场，天府北线离场 ×1.2</li>
          </ul>
          <li>天府MUMGO离场 ×1.3</li>
          <ul>
            <li>若有南充进场，天府MUMGO离场 ×1.5</li>
          </ul>
          <li>天府南线离场 ×0.3</li>
          <li>双流EKOKA进场乘以0.8</li>
          <li>双流AKDIK/MEXAD进场 ×0.4 (温江开飞)</li>
          <li>天府MEXAD/BUPMI进场 ×1.2</li>
          <ul>
            <li>若有南充进场，天府MEXAD/BUPMI进场 ×1.3</li>
          </ul>
          <li>天府LADUP进场 ×0.5</li>
          <li>南充进场 ×4</li>
          <li>绵阳进场 ×0.3</li>
          <li>绵阳离场 ×0.5</li>
          <ul>
            <li>若天府进场大于 5 (不含)，绵阳离场 ×0.8</li>
            <li>若有南充进场，绵阳离场 ×1</li>
            <li>若同时满足上述两条，绵阳离场 ×2</li>
          </ul>
        </ul>
        <p>
          <el-icon><Opportunity /></el-icon>
          <b> 结果 ≥24 则开扇，结果 ＜24 则不开扇</b>
        </p>
      </div>
    </el-dialog>
  </span>
</template>

<script setup>
import { ref } from "vue";
const show = ref(false);
</script>

<style scoped>
ul {
  padding-left: 24px;
  /* margin: 0; */
}
.readme {
  max-height: calc(100vh - 320px);
  overflow: auto;
  line-height: 2;
}
</style>
